import React from 'react'
import "./index.css"
import Item from './Item'
// 将从父组件App哪里传回的数据结构出来
export default function List({ todoList,setTodoList }) {
  return (
    <ul className="todo-main">
      {
        todoList.map(item => {
          // 通过父组件将相关数据传给子组件,这是父传子,直接props传递就可以
          return <Item key={item.id} {...item} todoList={todoList} setTodoList={setTodoList}/>
        })
      }
    </ul>
  )
}
